<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="title" content="娄笙悦 首页">
    <meta name="keywords" content="娄笙悦，网站建设，私人定制，个性网站，博客达人">
    <meta name="desciption" content="娄笙悦是一个专门打造私人定制个性化网站的专业web开发团队">
    <meta name="author" content="loushengyue">
    <base target="_self">
    <title>首页</title>
    <link rel="shortcut icon" href="./img/logo_icon.png" type="image/x-icon">
    <link rel="stylesheet" href="./lib/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>

<div class="header">
    <h2>/LOUSHENGYUE <span>Personal website.</span></h2>
    <a class="logo" href="index.html"><img src="img/logo.png" alt=""></a>
</div>

<div class="main">
    <div class="section motto">
        <div class="title">
            <h2>为梦想，永不止步。</h2>

            <h3><span>/LOUSHENGYUE</span> Personal website.</h3>

            <p>Never stop for your dreams.</p>
        </div>
    </div>
    <div class="section nav">
        <div><span></span></div>
        <div class="menu on"><a href="index.html">首页</a></div>
        <div class="menu"><a href="./html/about.html">关于</a></div>
        <div class="menu"><a href="./html/product.html">作品</a></div>
        <div class="menu"><a href="./html/contact.html">联系</a></div>
        <div class="menu"><a href="./html/blog.html">微博</a></div>
        <div>
            <a class="left" href="javascript:;"></a>
            <a class="right" href="javascript:;"><img src="./img/icon_video.png" alt="video"></a>
        </div>
        <div><span class="line"></span></div>
        <div><span></span></div>
        <div><span></span></div>
    </div>
    <div class="about">
        <div class="title">
            <img src="./img/icon_about.png" alt="about">
        </div>
        <div class="left">
            <div class="content">
                <img src="./img/header_pic.jpg" alt="header">
                <h5>欧航声</h5><br>
                <h6>1988.12.22</h6><br>

                <p>水瓶座</p>
            </div>
        </div>
        <div class="right">
            <div class="content">
                <p class="md">本人性格开朗</p>

                <p class="xs">稳重</p>

                <p class="lg cw">待人热情</p>

                <p class="sm">细节控</p>

                <p class="md">工作认真负责</p>

                <p class="xs">有较强的组织能力</p>

                <p class="md cw">实际动手能力</p>
            </div>
        </div>
        <div class="tip">熟悉计算机网络、熟练掌握办公自动化，对各种硬件安装及各种软件的运用有着丰富的实践操作经验等。</div>
    </div>
    <div class="works">
        <div class="title">
            <img src="./img/icon_works.png" alt="works">
        </div>
        <div class="tip">
            <h3>LOUSHENGYUE</h3>

            <p>Personal works</p>
        </div>
        <div class="works-swiper">
            <div class="swiper-container ">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="./img/works1.jpg" alt="pic"></div>
                    <div class="swiper-slide"><img src="./img/works1.jpg" alt="pic"></div>
                    <div class="swiper-slide"><img src="./img/works1.jpg" alt="pic"></div>
                    <div class="swiper-slide"><img src="./img/works1.jpg" alt="pic"></div>
                    <div class="swiper-slide"><img src="./img/works1.jpg" alt="pic"></div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
    </div>
</div>

<div class="footer">
    <div class="wrap">
        <div class="content">
            <div class="title"><img src="./img/icon_contact.png" alt="contact"></div>
            <ul class="list">
                <li><span class="icon icon-tel"></span><a href="javascript:;">18514529709</a></li>
                <li><span class="icon icon-weixin"></span><a href="javascript:;">LOUSHENGYUE 微信公众号</a></li>
                <li><span class="icon icon-email"></span><a href="javascript:;">dlxiaoba@foxmail.com</a></li>
                <li><span class="icon icon-web"></span><a href="javascript:;">www.loushengyue.com</a></li>
            </ul>
            <div class="code">
                <img src="./img/weichat_code.png" alt="code">
            </div>
            <ul class="dec">
                <li class="orange"><span class="icon icon-mail"></span></li>
                <li class="blue"></li>
                <li class="blue"></li>
                <li class="gray"></li>
            </ul>
        </div>
    </div>

</div>

<script src="./lib/jquery-1.10.1.min.js"></script>
<script src="./lib/swiper-3.4.2.jquery.min.js"></script>
<script src="./js/common.js"></script>
<script src="./js/index.js"></script>
</body>
</html>